<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
      body {
        margin: 0;
      }
      .header{
        height: 38px;
        background-color: #333;

      }
      .container{
        width: 1226px;
        margin: 0 auto;

      }
      .header .menu{
        float: left;
        color: white;
        height: 38px;
        line-height: 38px;

      }
      .header .account{
        float:right;
        color:white;
        height: 38px;
        line-height: 38px;


      }
      .container  a{
        color:#b0b0b0;
        line-height: 40px;
        display: inline-block;
        font-size: 12px;
        margin-right: 10px;
      }
    </style>
</head>
<body>
  <div class="header">
    <div class="container">
      <div class="menu">
        <a href="">小米商城</a>
        <a href="">MIUI</a>
        <a href="">云服务</a>
        <a href="">有品</a>
        <a href="">开放平台</a>
      </div>
      <div class="account">
        <a href="">登录</a>
        <a href="">注册</a>
        <a href="">消息通知</a>
      </div>
      <div style="clear: both"></div>
    </div>

  </div>
</body>
</html>